<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<title>Folioge</title>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
	<script type="text/javascript" src="_lib/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="jquery.jstree.min.js"></script>
  <script type="text/javascript" src="_lib/wymeditor/jquery.wymeditor.min.js"></script>
  <script type="text/javascript" src="folioge.js"></script>
	<link rel="stylesheet" type="text/css" href="folioge.css" media="screen" />
</head>
<body>

<div id="header">
  <div id="header_title"><img src="_images/folioge_logo.gif" height="93" width="550"> </div>
  <div id="header_faq"><a target=_blank href="folioge_faq.html">Help</a></div>
</div>
<div class="colmask leftmenu">
	<div class="colleft">
		<div class="col1">
			<!-- Column 1 start -->
      <div id="view">
        <div class="align_right">
          <form action=""><input type="button" value="Edit" class="button" id="edit_note" /></form>
        </div>
        <p id="view_note"></p>
      </div>
    <div id="editor">
      <div class="align_right">
        <form action="">
          <input type="button" value="Cancel" class="button" id="cancel_note" />
          <input type="button" value="Submit" class="button" id="submit_note" />
        </form>
      </div>
        <form method="" action="">
        <textarea class="wymeditor"></textarea>
        </form>    
      </div>
			<!-- Column 1 end -->
		</div>
		
		
		<div class="col2">
			<!-- Column 2 start -->
			<div id="tree_wrap">
      <ul id="tree_menu">
        <li class="tree_buttons_root"><a href="#" id="create_root" title="New root"  >Create root</a></li>
        <li class="tree_buttons_create"><a href="#" id="create_node" title="New leaf" class="tree_buttons_create" >Create node</a></li>
        <li class="tree_buttons_rename"><a href="#" id="rename_node" title="Rename" class="tree_buttons_rename">Rename</a></li>
        <li class="tree_buttons_open_all"><a href="#" id="open_all" title="Open all" class="tree_buttons_open_all" >Open all</a></li>
        <li class="tree_buttons_close_all"><a href="#" id="close_all" title="Close all" class="tree_buttons_close_all">Close all</a></li>
        <li class="tree_buttons_remove"><a href="#" id="remove_branch" title="Delete" class="tree_buttons_remove" >Remove</a></li>
        <li class="tree_buttons_search"><a href="#" id="search_tree" title="Search" class="tree_buttons_search">Search</a></li>
      </ul>
      <div id="folioge"></div>
      </div>
      <div id="search_wrap">
        <form action="#">
          <p><label for="search">Search</label> <input type="text" id="search_text" /></p>
          <p id="replace_show"><label for="replace">Replace</label> <input type="text" id="replace_text" value="" /> <a href="#" title="clear replace" id="clear_replace">clear</a></p>
          <p id="replace_ask"><label for="replace">&nbsp;</label> <a href="#" title="toggle replace" id="toggle_replace">toggle replace</a></p>
          <p class="search_buttons"><input type="button" value="Cancel" class="button" id="cancel_search" />
          <input type="button" value="Submit" class="button" id="submit_search" /></p>
        </form>
        <ul id="search_returned">
        </ul>
      </div>
			<!-- Column 2 end -->
		</div>
	</div>
</div>
<div id="footer">
<p>Folioge BETA v0.2 Copyright (C) 2010 bayers; This program comes with ABSOLUTELY NO WARRANTY; <a href="http://www.opensource.org/licenses/gpl-3.0.html">GPL License</a></p>
</div>
 
</body>
</html>
